<template>
  <div id="app">
    <form class="header">
        <img class="header_img" :src="url">
        <input class="header_input" type="text" placeholder="输入搜索页面">
    </form>
  </div>
</template>

<script>
    import "../../public/js-app/fontsizeset";
    export default {
        data(){
            return{
                url:'/image-app/1.jpg',
            }
        }
}  
</script>

<style>
    *{
        padding: 0px;
        margin: 0px;
        box-sizing: border-box;
    }
    .header{
        width: 11.4rem;
        height: 2.3rem;
        padding-top: 0.31rem;
        margin: auto;
    }
    .header_input{
        width: 11.4rem;
        height: 1.18rem;
        border-radius: 0.25rem;
        padding-left: 1.04rem;
        font-size: 0.24rem;
    }
    .header_img{
        width: 0.5rem;
        height: 0.5rem;
        position: absolute;
        left: 1.05rem;
        top: 1.08rem;
    }
</style>
